<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后代选择器</title>
    <style>
        /* 语法
        选择器1 选择器2{}
        
        选择器2 需要在选择器1的内部才可以生效
        */
        div span{
            background-color: skyblue;
        }
        div .abc{
            background-color: blue;
        }
    </style>
</head>
<body>
    <span> span 标签</span>
    <div> 
        <span>这是 div 的儿子 span</span>
    </div>
    <div>
        <p>
            Lorem ipsum <span>dolor sit</span>, amet consectetur adipisicing elit. Numquam hic rem expedita atque quasi fugit, porro nemo architecto officiis debitis facere ratione itaque ea natus dolorum suscipit laudantium, aspernatur cum!
        </p>
    </div>
    <div>
        <span class="abc">
            这是div的女儿
        </span>
    </div>
</body>
</html>